a,
a:hover {
	text-decoration: none;
	color: inherit;
}

.video-js {
    width: 100%;
}
.vjs-poster {
    background-size: 100% 100%;
}

.vjs-waiting .vjs-loading-spinner {
    display: none;
}

@media screen and (max-width: 576px) {
	#banner {
		margin-top: 70px;
		margin-bottom: 30px;
		.carousel-position {
			right: 0;
			left: 7%;
			top: 17%;
			bottom: 0;
			text-align: left;
			h5 {
				font-size: 24px;
				font-weight: 400;
			}
			p {
				font-size: 12px;
			}
		}
	}

	#product {
		.title {
			margin-bottom: 34px;
			h4 {
				line-height: 36px;
				padding: 0 5px;
				border-bottom: 2px solid #49a1e9;
				font-size: 15px;
			}
		}

		.positionlt {
			left: 23px;
			bottom: 16px;
			font-size: 14px;
		}
	}

	#scenery {
		margin-bottom: 24px;
		.content {
			left: 4%;
			top: 25%;
			h3 {
				font-size: 20px;
			}
			p {
				font-size: 12px;
			}
		}
	}

	#news {
		.title {
			margin-bottom: 34px;
			h4 {
				line-height: 36px;
				padding: 0 5px;
				border-bottom: 2px solid #49a1e9;
				font-size: 15px;
			}
		}
		.card {
			background-color: #ebecec;
		}
		.newsBox {
			background-color: #ebecec;
			height: 495px;
			border: 1px solid rgba(0, 0, 0, 0.125);
			border-radius: 0.25rem;
		}
		.news-lable {
			padding: 9px 18px;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 12px;
			top: 0;
			left: 0;
		}
		.news-lable1 {
			padding: 9px 18px;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 12px;
			top: 0;
			display: none;
			z-index: 10;
		}
		.card-title {
			line-height: 24px;
			font-size: 16px;
		}
		.time {
			font-size: 14px;
		}
		.card-text {
			line-height: 24px;
			font-size: 14px;
		}
		.news-list {
			padding: 60px 24px 0;
		}
		.more {
			padding: 15px 90px;
			border: 2px solid #d7d7d7;
			color: #808080;
			cursor: pointer;
		}
	}
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
	#banner {
		margin-top: 70px;
		margin-bottom: 30px;
		.carousel-position {
			right: 0;
			left: 7%;
			top: 17%;
			bottom: 0;
			text-align: left;
			h5 {
				font-size: 36px;
				font-weight: 400;
			}
			p {
				font-size: 16px;
			}
		}
	}

	#product {
		.title {
			margin-bottom: 68px;
			h4 {
				line-height: 70px;
				padding: 0 10px;
				border-bottom: 2px solid #49a1e9;
			}
		}

		.product-item:hover {
			transform: scale(1.008);
			transition: 0.5s;
		}

		.positionlt {
			left: 23px;
			bottom: 16px;
			font-size: 14px;
		}
	}

	#scenery {
		margin-bottom: 24px;
		.content {
			left: 20%;
			top: 36%;
			h3 {
				font-size: 24px;
			}
			p {
				font-size: 12px;
			}
		}
	}

	#news {
		.title {
			margin-bottom: 38px;
			h4 {
				line-height: 70px;
				padding: 0 10px;
				border-bottom: 2px solid #49a1e9;
			}
		}
		.card {
			background-color: #ebecec;
		}
		.newsBox {
			background-color: #ebecec;
			height: 100%;
			border: 1px solid rgba(0, 0, 0, 0.125);
			border-radius: 0.25rem;
		}
		.news-lable {
			padding: 9px 18px;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 12px;
			top: 0;
			left: 0;
		}
		.news-lable1 {
			padding: 9px 18px;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 12px;
			top: 0;
			display: none;
			z-index: 10;
		}
		.card-title {
			line-height: 24px;
			font-size: 16px;
		}
		.time {
			font-size: 14px;
		}
		.card-text {
			line-height: 24px;
			font-size: 14px;
		}
		.news-list {
			padding: 60px 24px 0;
		}
		.more {
			padding: 15px 90px;
			border: 2px solid #d7d7d7;
			color: #808080;
			cursor: pointer;
		}
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#banner {
		margin-top: 118px;
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 1200px) {
	#banner {
		margin-top: 118px;
		margin-bottom: 70px;
		.carousel-position {
			right: 0;
			left: 7%;
			top: 17%;
			bottom: 0;
			text-align: left;
			h5 {
				font-size: 52px;
				font-weight: 400;
			}
			p {
				font-size: 24px;
			}
		}
	}

	#product {
		.title {
			margin-bottom: 68px;
			h4 {
				line-height: 70px;
				padding: 0 10px;
				border-bottom: 2px solid #49a1e9;
			}
		}

		.product-item:hover {
			transform: scale(1.008);
			transition: 0.5s;
		}

		.positionlt {
			left: 45px;
			bottom: 37px;
		}
	}

	#scenery {
		margin-bottom: 52px;
		.content {
			left: 20%;
			top: 36%;
			h3 {
				font-size: 54px;
			}
			p {
				font-size: 25px;
			}
		}
	}

	#news {
		.title {
			margin-bottom: 38px;
			h4 {
				line-height: 70px;
				padding: 0 10px;
				border-bottom: 2px solid #49a1e9;
			}
		}
		.card {
			background-color: #ebecec;
			height: 100%;
		}
		.newsBox {
			background-color: #ebecec;
			height: 100%;
			border: 1px solid rgba(0, 0, 0, 0.125);
			border-radius: 0.25rem;
		}
		.news-lable {
			padding: 9px 18px;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 16px;
			top: 0;
			left: 0;
		}
		.news-lable1 {
			padding: 9px 18px;
			background-color: rgba(0, 0, 0, 0.5);
			font-size: 16px;
			top: 0;
			display: none;
			z-index: 10;
		}
		.card-title {
			line-height: 40px;
		}
		.card-text {
			line-height: 44px;
		}
		.news-list {
			padding: 60px 24px 0;
		}
		.more {
			padding: 30px 180px;
			border: 2px solid #d7d7d7;
			color: #808080;
			cursor: pointer;
		}
	}
}
